<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

	
	<link rel="stylesheet" href="https://www.17sucai.com/preview/776298/2019-09-11/shum/css/bootstrap-reboot.min.css">
	<link rel="stylesheet" href="https://www.17sucai.com/preview/776298/2019-09-11/shum/css/bootstrap-grid.min.css">
	<link rel="stylesheet" href="https://www.17sucai.com/preview/776298/2019-09-11/shum/css/owl.carousel.min.css">
	<link rel="stylesheet" href="https://www.17sucai.com/preview/776298/2019-09-11/shum/css/magnific-popup.css">
	<link rel="stylesheet"
		href="https://www.17sucai.com/preview/776298/2019-09-11/shum/css/jquery.mCustomScrollbar.min.css">
	<!-- <link rel="stylesheet" href="https://www.17sucai.com/preview/776298/2019-09-11/shum/css/linearicons.css"> -->
	<link rel="stylesheet" href="./listgoods/css/linearicons.css">
	<link rel="stylesheet" href="https://www.17sucai.com/preview/776298/2019-09-11/shum/css/paymentfont.min.css">
	<link rel="stylesheet" href="https://www.17sucai.com/preview/776298/2019-09-11/shum/css/main.css">

	<!-- Favicons -->
	<link rel="icon" type="image/png" href="icon/favicon-32x32.png" sizes="32x32">
	<link rel="apple-touch-icon" href="icon/favicon-32x32.png">
	<link rel="apple-touch-icon" sizes="72x72" href="icon/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="114x114" href="icon/apple-touch-icon-114x114.png">
	<link rel="apple-touch-icon" sizes="144x144" href="icon/apple-touch-icon-144x144.png">

	<meta name="description" content="">
	<meta name="keywords" content="">
	<meta name="author" content="Dmitry Volkov">
	<title>SHUM - eCommerce HTML Template</title>

</head>

<body class="body">

	<!-- header -->
	<header class="header">
		<div class="container">
			<div class="row">
				<div class="col-12">
					<div class="header__content">
						<div class="header__bar header__bar--left">
							<button class="header__catalog" type="button">
								<span class="line"></span>
								<span class="line"></span>
								<span class="line"></span>
								<span class="line"></span>
								<span class="title">catalog</span>
							</button>
						</div>

						<div class="header__bar header__bar--center">
							<a href="index.html" class="header__logo">
								<img src="https://www.17sucai.com/preview/776298/2019-09-11/shum/img/logo.svg" alt="">
							</a>
						</div>

						<div class="header__bar header__bar--right">
							<a href="#" class="header__phone">
								8 800 333 00 44
							</a>

							<button class="header__search" type="button">
								<i class="lnr lnr-magnifier"></i>
							</button>

							<a href="cart.html" class="header__cart">
								<i class="lnr lnr-cart"></i>
								<span></span>
							</a>

							<button class="header__menu" type="button">
								<span></span>
								<span></span>
								<span></span>
							</button>
						</div>

						<form action="#" class="header__form">
							<input type="text" placeholder="Press enter to search">
							<button type="button">
								<span></span>
								<span></span>
							</button>
						</form>
					</div>
				</div>
			</div>
		</div>
	</header>
	<!-- end header -->

	<!-- menu -->
	<div class="menu">
		<div class="menu__actions">
			<a href="#city" class="menu__location">
				<i class="lnr lnr-location"></i>
				<span>Minsk</span>
			</a>

			<button class="menu__search" type="button">
				<i class="lnr lnr-magnifier"></i>
			</button>

			<button class="menu__btn" type="button">
				<span></span>
				<span></span>
				<span></span>
			</button>
		</div>

		<nav class="menu__nav">
			<a href="account.html">Account</a>
			<a href="catalog.html">Catalog</a>
			<a href="news.html">News</a>
			<a href="about.html">About</a>
			<a class="menu__drop" href="#">Pages</a>
			<a href="login.html">Log In / Sign Up</a>
		</nav>

		<div class="menu__submenu">
			<button type="button"><i class="lnr lnr-arrow-left"></i> Back</button>

			<nav>
				<a href="product.html">Product style 1</a>
				<a href="product2.html">Product style 2</a>
				<a href="cart.html">Cart</a>
				<a href="checkout.html">Checkout</a>
				<a href="delivery.html">Delivery</a>
				<a href="getintouch.html">Get in touch</a>
				<a href="payment.html">Payment</a>
				<a href="privacy.html">Privacy</a>
				<a href="refund.html">Refund</a>
				<a href="article.html">Article</a>
			</nav>
		</div>
	</div>
	<!-- end menu -->

	<!-- catmenu -->
	<div class="catmenu">
		<div class="catmenu__actions">
			<button class="catmenu__btn" type="button">
				<span></span>
				<span></span>
				<span></span>
			</button>
		</div>

		<nav class="catmenu__nav">
			<a href="./listgoods.html">Kitchen</a>
			<a href="catalog.html">Home & Climate</a>
			<a href="catalog.html">Health & Beauty</a>
			<a href="catalog.html">Accessories</a>
		</nav>
	</div>
	<!-- end catmenu -->

	<!-- home -->
	<section class="home">
		<div class="home__slider owl-carousel">

			<div class="home__slide"
				data-bg="https://www.17sucai.com/preview/776298/2019-09-11/shum/img/home/slide.jpg">
				<div class="container">
					<div class="row">
						<div class="col-12 col-md-10 col-lg-6 col-xl-5">
							<div class="home__content">
								<h1 class="home__title">Gas Stove zx487</h1>
								<p class="home__text">A gas stove is a stove that is fuelled by combustible gas such as
									syngas, natural gas, propane, butane, liquefied petroleum gas or other flammable
									gas. Before the advent of gas, cooking stoves relied on solid fuels such as coal or
									wood.</p>
								<a href="product.html" class="home__link">learn more</a>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="home__slide"
				data-bg="https://www.17sucai.com/preview/776298/2019-09-11/shum/img/home/slide2.jpg">
				<div class="container">
					<div class="row">
						<div class="col-12 col-md-10 col-lg-6 col-xl-5">
							<div class="home__content">
								<h1 class="home__title">Coffee Pot SHUM 0.6</h1>
								<p class="home__text">There are many variations of passages of Lorem Ipsum available,
									but the majority have suffered alteration in some form, by injected humour, or
									randomised words which don't look even slightly believable.</p>
								<a href="product.html" class="home__link">learn more</a>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="home__slide"
				data-bg="https://www.17sucai.com/preview/776298/2019-09-11/shum/img/home/slide3.jpg">
				<div class="container">
					<div class="row">
						<div class="col-12 col-md-10 col-lg-6 col-xl-5">
							<div class="home__content">
								<h1 class="home__title">About washing machines</h1>
								<p class="home__text">There are many variations of passages of Lorem Ipsum available,
									but the majority have suffered alteration in some form, by injected humour, or
									randomised words which don't look even slightly believable.</p>
								<a href="product.html" class="home__link">learn more</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="container">
			<div class="row">
				<div class="col-12">
					<div class="home__counter"></div>

					<div class="home__nav">
						<button class="home__btn home__btn--prev" type="button">
							<i class="lnr lnr-arrow-left"></i>
						</button>
						<button class="home__btn home__btn--next" type="button">
							<i class="lnr lnr-arrow-right"></i>
						</button>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- end home -->

	<!-- product grid -->
	<div class="section">
		<div class="container">
			<div class="row">
				<div class="col-12">
					<div class="product-grid row">
						<div class="col-12 col-md-8 col-xl-6">
							<article class="product product--big">
								<a href="product.html" class="product__link"></a>
								<img class="product__cover"
									src="https://www.17sucai.com/preview/776298/2019-09-11/shum/img/products/cover.jpg"
									alt="">
								<a href="#" class="product__add"><svg xmlns="http://www.w3.org/2000/svg"
										xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px">
										<path fill-rule="evenodd"
											d="M15.000,8.000 L8.000,8.000 L8.000,15.000 L7.000,15.000 L7.000,8.000 L-0.000,8.000 L-0.000,7.000 L7.000,7.000 L7.000,-0.000 L8.000,-0.000 L8.000,7.000 L15.000,7.000 L15.000,8.000 Z" />
									</svg></a>
								<footer class="product__footer">
									<h3 class="product__title">Coffee Machine cm311</h3>
									<span class="product__price">$1 349</span>
								</footer>
							</article>
						</div>

						<div class="col-6 col-md-4 col-xl-3">
							<article class="product">
								<a href="product.html" class="product__link"></a>
								<div class="product__img">
									<img src="https://www.17sucai.com/preview/776298/2019-09-11/shum/img/products/product2.png"
										alt="">
								</div>
								<a href="#" class="product__add"><svg xmlns="http://www.w3.org/2000/svg"
										xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px">
										<path fill-rule="evenodd"
											d="M15.000,8.000 L8.000,8.000 L8.000,15.000 L7.000,15.000 L7.000,8.000 L-0.000,8.000 L-0.000,7.000 L7.000,7.000 L7.000,-0.000 L8.000,-0.000 L8.000,7.000 L15.000,7.000 L15.000,8.000 Z" />
									</svg></a>
								<footer class="product__footer">
									<h3 class="product__title">Forged kettle 0.8</h3>
									<span class="product__price">$1 599</span>
								</footer>
							</article>
						</div>

						<div class="col-6 col-md-4 col-xl-3">
							<article class="product">
								<a href="product.html" class="product__link"></a>
								<div class="product__img">
									<img src="https://www.17sucai.com/preview/776298/2019-09-11/shum/img/products/product3.png"
										alt="">
								</div>
								<a href="#" class="product__add"><svg xmlns="http://www.w3.org/2000/svg"
										xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px">
										<path fill-rule="evenodd"
											d="M15.000,8.000 L8.000,8.000 L8.000,15.000 L7.000,15.000 L7.000,8.000 L-0.000,8.000 L-0.000,7.000 L7.000,7.000 L7.000,-0.000 L8.000,-0.000 L8.000,7.000 L15.000,7.000 L15.000,8.000 Z" />
									</svg></a>
								<footer class="product__footer">
									<h3 class="product__title">Power bank B600</h3>
									<span class="product__price product__price--new">$55</span>
								</footer>
							</article>
						</div>

						<div class="col-6 col-md-4 col-xl-3">
							<article class="product">
								<a href="product.html" class="product__link"></a>
								<div class="product__img">
									<img src="https://www.17sucai.com/preview/776298/2019-09-11/shum/img/products/product5.png"
										alt="">
								</div>
								<a href="#" class="product__add"><svg xmlns="http://www.w3.org/2000/svg"
										xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px">
										<path fill-rule="evenodd"
											d="M15.000,8.000 L8.000,8.000 L8.000,15.000 L7.000,15.000 L7.000,8.000 L-0.000,8.000 L-0.000,7.000 L7.000,7.000 L7.000,-0.000 L8.000,-0.000 L8.000,7.000 L15.000,7.000 L15.000,8.000 Z" />
									</svg></a>
								<footer class="product__footer">
									<h3 class="product__title">Microwave oven M707</h3>
									<span class="product__price">$430</span>
								</footer>
							</article>
						</div>

						<div class="col-6 col-md-4 col-xl-3">
							<article class="product">
								<a href="product.html" class="product__link"></a>
								<div class="product__img">
									<img src="https://www.17sucai.com/preview/776298/2019-09-11/shum/img/products/product4.png"
										alt="">
								</div>
								<a href="#" class="product__add"><svg xmlns="http://www.w3.org/2000/svg"
										xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px">
										<path fill-rule="evenodd"
											d="M15.000,8.000 L8.000,8.000 L8.000,15.000 L7.000,15.000 L7.000,8.000 L-0.000,8.000 L-0.000,7.000 L7.000,7.000 L7.000,-0.000 L8.000,-0.000 L8.000,7.000 L15.000,7.000 L15.000,8.000 Z" />
									</svg></a>
								<footer class="product__footer">
									<h3 class="product__title">Toaster t298</h3>
									<span class="product__price">$200</span>
								</footer>
							</article>
						</div>

						<div class="col-6 col-md-4 col-xl-3">
							<article class="product">
								<a href="product.html" class="product__link"></a>
								<div class="product__img">
									<img src="https://www.17sucai.com/preview/776298/2019-09-11/shum/img/products/product.png"
										alt="">
								</div>
								<a href="#" class="product__add"><svg xmlns="http://www.w3.org/2000/svg"
										xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px">
										<path fill-rule="evenodd"
											d="M15.000,8.000 L8.000,8.000 L8.000,15.000 L7.000,15.000 L7.000,8.000 L-0.000,8.000 L-0.000,7.000 L7.000,7.000 L7.000,-0.000 L8.000,-0.000 L8.000,7.000 L15.000,7.000 L15.000,8.000 Z" />
									</svg></a>
								<footer class="product__footer">
									<h3 class="product__title">Iron s101</h3>
									<span class="product__price product__price--new">$137</span>
								</footer>
							</article>
						</div>

						<div class="col-6 col-md-4 col-xl-3">
							<article class="product">
								<a href="product.html" class="product__link"></a>
								<div class="product__img">
									<img src="https://www.17sucai.com/preview/776298/2019-09-11/shum/img/products/product6.png"
										alt="">
								</div>
								<a href="#" class="product__add"><svg xmlns="http://www.w3.org/2000/svg"
										xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px">
										<path fill-rule="evenodd"
											d="M15.000,8.000 L8.000,8.000 L8.000,15.000 L7.000,15.000 L7.000,8.000 L-0.000,8.000 L-0.000,7.000 L7.000,7.000 L7.000,-0.000 L8.000,-0.000 L8.000,7.000 L15.000,7.000 L15.000,8.000 Z" />
									</svg></a>
								<footer class="product__footer">
									<h3 class="product__title">Meat grinder zx345</h3>
									<span class="product__price">$399</span>
								</footer>
							</article>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- end product grid -->

	<!-- new items -->
	<section class="section">
		<div class="container">
			<div class="row">
				<div class="col-12">
					<div class="section__title">
						<h2>New items</h2>

						<div class="section__nav">
							<button class="section__btn section__btn--prev" type="button">
								<i class="lnr lnr-arrow-left"></i>
							</button>
							<button class="section__btn section__btn--next" type="button">
								<i class="lnr lnr-arrow-right"></i>
							</button>
						</div>
					</div>
				</div>

				<div class="col-12 addgoodslist">
					<div class="product-slider owl-carousel">
						<!-- <article class="product">
							<a href="product.html" class="product__link"></a>
							<div class="product__img">
								<img src="https://www.17sucai.com/preview/776298/2019-09-11/shum/img/products/product3.png"
									alt="">
							</div>
							<a href="#" class="product__add"><svg xmlns="http://www.w3.org/2000/svg"
									xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px">
									<path fill-rule="evenodd"
										d="M15.000,8.000 L8.000,8.000 L8.000,15.000 L7.000,15.000 L7.000,8.000 L-0.000,8.000 L-0.000,7.000 L7.000,7.000 L7.000,-0.000 L8.000,-0.000 L8.000,7.000 L15.000,7.000 L15.000,8.000 Z" />
								</svg></a>
							<footer class="product__footer">
								<h3 class="product__title">Power bank B600</h3>
								<span class="product__price product__price--new">$55</span>
							</footer>
						</article>

						<article class="product">
							<a href="product.html" class="product__link"></a>
							<div class="product__img">
								<img src="https://www.17sucai.com/preview/776298/2019-09-11/shum/img/products/product.png"
									alt="">
							</div>
							<a href="#" class="product__add"><svg xmlns="http://www.w3.org/2000/svg"
									xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px">
									<path fill-rule="evenodd"
										d="M15.000,8.000 L8.000,8.000 L8.000,15.000 L7.000,15.000 L7.000,8.000 L-0.000,8.000 L-0.000,7.000 L7.000,7.000 L7.000,-0.000 L8.000,-0.000 L8.000,7.000 L15.000,7.000 L15.000,8.000 Z" />
								</svg></a>
							<footer class="product__footer">
								<h3 class="product__title">Iron s101</h3>
								<span class="product__price product__price--new">$137</span>
							</footer>
						</article>

						<article class="product">
							<a href="product.html" class="product__link"></a>
							<div class="product__img">
								<img src="https://www.17sucai.com/preview/776298/2019-09-11/shum/img/products/product7.png"
									alt="">
							</div>
							<a href="#" class="product__add"><svg xmlns="http://www.w3.org/2000/svg"
									xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px">
									<path fill-rule="evenodd"
										d="M15.000,8.000 L8.000,8.000 L8.000,15.000 L7.000,15.000 L7.000,8.000 L-0.000,8.000 L-0.000,7.000 L7.000,7.000 L7.000,-0.000 L8.000,-0.000 L8.000,7.000 L15.000,7.000 L15.000,8.000 Z" />
								</svg></a>
							<footer class="product__footer">
								<h3 class="product__title">Beauty mirror m142</h3>
								<span class="product__price product__price--new">$37</span>
							</footer>
						</article>

						<article class="product">
							<a href="product.html" class="product__link"></a>
							<div class="product__img">
								<img src="https://www.17sucai.com/preview/776298/2019-09-11/shum/img/products/product8.png"
									alt="">
							</div>
							<a href="#" class="product__add"><svg xmlns="http://www.w3.org/2000/svg"
									xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px">
									<path fill-rule="evenodd"
										d="M15.000,8.000 L8.000,8.000 L8.000,15.000 L7.000,15.000 L7.000,8.000 L-0.000,8.000 L-0.000,7.000 L7.000,7.000 L7.000,-0.000 L8.000,-0.000 L8.000,7.000 L15.000,7.000 L15.000,8.000 Z" />
								</svg></a>
							<footer class="product__footer">
								<h3 class="product__title">Cutting board SHUM500</h3>
								<span class="product__price product__price--new">$100</span>
							</footer>
						</article>

						<article class="product">
							<a href="product.html" class="product__link"></a>
							<div class="product__img">
								<img src="https://www.17sucai.com/preview/776298/2019-09-11/shum/img/products/product4.png"
									alt="">
							</div>
							<a href="#" class="product__add"><svg xmlns="http://www.w3.org/2000/svg"
									xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px">
									<path fill-rule="evenodd"
										d="M15.000,8.000 L8.000,8.000 L8.000,15.000 L7.000,15.000 L7.000,8.000 L-0.000,8.000 L-0.000,7.000 L7.000,7.000 L7.000,-0.000 L8.000,-0.000 L8.000,7.000 L15.000,7.000 L15.000,8.000 Z" />
								</svg></a>
							<footer class="product__footer">
								<h3 class="product__title">Toaster t301</h3>
								<span class="product__price product__price--new">$250</span>
							</footer>
						</article> -->
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- end new items -->

	<!-- subscribe -->
	<div class="section">
		<div class="container">
			<div class="row">
				<div class="col-12">
					<form action="#" class="subscribe">
						<input class="subscribe__input" type="text" placeholder="Subscribe to our newsletter">
						<button class="subscribe__btn" type="button"><i class="lnr lnr-arrow-right"></i></button>
					</form>
				</div>
			</div>
		</div>
	</div>
	<!-- end subscribe -->

	<!-- footer -->
	<footer class="footer">
		<div class="container">
			<div class="row">
				<div class="col-12">
					<div class="footer__content">
						<div class="footer__item">
							<span class="footer__title">Company</span>
							<ul class="footer__list">
								<li><a href="about.html">About Us</a></li>
								<li><a href="news.html">News</a></li>
								<li><a href="catalog.html">Catalog</a></li>
								<li><a href="account.html">Account</a></li>
							</ul>
						</div>

						<div class="footer__item">
							<span class="footer__title">Services</span>
							<ul class="footer__list">
								<li><a href="getintouch.html">Get in touch</a></li>
								<li><a href="payment.html">Payment</a></li>
								<li><a href="delivery.html">Delivery</a></li>
								<li><a href="refund.html">Exchange and refund</a></li>
							</ul>
						</div>

						<div class="footer__item">
							<span class="footer__title">Follow</span>
							<ul class="footer__list">
								<li><a href="#">Facebook</a></li>
								<li><a href="#">Twitter</a></li>
								<li><a href="#">Instagram</a></li>
								<li><a href="#">Google</a></li>
							</ul>
						</div>

						<div class="footer__item">
							<span class="footer__title">Contacts</span>

							<p class="footer__text">8258 Hickory Ave.<br> Oxford, MS 38655</p>

							<p class="footer__text">
								Tel.: <a href="#">8 800 333 00 44</a><br>
								Email: <a href="#">support@shum.com</a>
							</p>
						</div>
					</div>
				</div>

				<div class="col-12">
					<div class="footer__copyright">
						<small>Copyright © 2019</small>

						<div>
							<a href="privacy.html">Terms of Use</a>
							<a href="privacy.html">Privacy Policy</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</footer>
	<!-- end footer -->

	<!-- choose a city -->
	<div id="city" class="zoom-anim-dialog mfp-hide modal">
		<input type="text" class="modal__input" placeholder="Search a city...">

		<div class="modal__cities">
			<a href="#">Moscow</a>
			<a class="active" href="#">Minsk</a>
			<a href="#">London</a>
			<a href="#">New York</a>
			<a href="#">Tokyo</a>
			<a href="#">Cape Town</a>
			<a href="#">Rio de Janeiro</a>
			<a href="#">Sydney</a>
			<a href="#">Lemesos</a>
			<a href="#">Dinajpur</a>
			<a href="#">Cartagena</a>
			<a href="#">Waitakere</a>
			<a href="#">Montpellier</a>
			<a href="#">Berlin</a>
			<a href="#">Valencia</a>
			<a href="#">Parma</a>
		</div>
	</div>
	<!-- end choose a city -->

	<!-- JS -->
	<script src="https://www.17sucai.com/preview/776298/2019-09-11/shum/js/jquery-3.3.1.min.js"></script>
	<script src="https://www.17sucai.com/preview/776298/2019-09-11/shum/js/bootstrap.bundle.min.js"></script>
	<script src="https://www.17sucai.com/preview/776298/2019-09-11/shum/js/owl.carousel.min.js"></script>
	<script src="https://www.17sucai.com/preview/776298/2019-09-11/shum/js/jquery.magnific-popup.min.js"></script>
	<script src="https://www.17sucai.com/preview/776298/2019-09-11/shum/js/jquery.mousewheel.min.js"></script>
	<script src="https://www.17sucai.com/preview/776298/2019-09-11/shum/js/jquery.mCustomScrollbar.min.js"></script>


	<script>
		$(document).ready(function () {
			"use strict"; // start of use strict

			/*Header*/
			
			$(window).on('scroll', function () {
				if ($(window).scrollTop() > 0) {
					$('.header').addClass('header--active');
					$('.menu__actions').addClass('menu__actions--active');
					$('.catmenu__actions').addClass('catmenu__actions--active');
					$('.header__form').addClass('header__form--active');
					$('.menu__submenu button').addClass('active');
				} else {
					$('.header').removeClass('header--active');
					$('.menu__actions').removeClass('menu__actions--active');
					$('.catmenu__actions').removeClass('catmenu__actions--active');
					$('.header__form').removeClass('header__form--active');
					$('.menu__submenu button').removeClass('active');
				}
			});
			$(window).trigger('scroll');

			$('.header__menu, .menu__btn').on('click', function () {
				if ($('.catmenu').hasClass('catmenu--active')) {
					$('.header__catalog').removeClass('header__catalog--active');
					$('.catmenu').removeClass('catmenu--active');
					$('.catmenu__btn').removeClass('catmenu__btn--active');

					$('.header__menu').toggleClass('header__menu--active');
					$('.menu').toggleClass('menu--active');
					$('.menu__btn').toggleClass('menu__btn--active');
				} else {
					$('.header__menu').toggleClass('header__menu--active');
					$('.menu').toggleClass('menu--active');
					$('.menu__btn').toggleClass('menu__btn--active');
					$('.body').toggleClass('body--active');
				}
			});

			$('.header__catalog, .catmenu__btn').on('click', function () {
				if ($('.menu').hasClass('menu--active')) {
					$('.header__menu').removeClass('header__menu--active');
					$('.menu').removeClass('menu--active');
					$('.menu__btn').removeClass('menu__btn--active');

					$('.header__catalog').toggleClass('header__catalog--active');
					$('.catmenu').toggleClass('catmenu--active');
					$('.catmenu__btn').toggleClass('catmenu__btn--active');
				} else {
					$('.header__catalog').toggleClass('header__catalog--active');
					$('.catmenu').toggleClass('catmenu--active');
					$('.catmenu__btn').toggleClass('catmenu__btn--active');
					$('.body').toggleClass('body--active');
				}
			});

			$('.header__search, .menu__search, .header__form button').on('click', function () {
				$('.header__content').toggleClass('header__content--active');
			});

			$('.menu__drop').on('click', function (e) {
				e.preventDefault();
				$('.menu__submenu').addClass('active');
			});

			$('.menu__submenu button').on('click', function () {
				$('.menu__submenu').removeClass('active');
			});

			/*==============================
			Home
			==============================*/
			$('.home__slider').on('initialized.owl.carousel changed.owl.carousel', function (e) {
				if (!e.namespace) return;
				var carousel = e.relatedTarget;
				$('.home__counter').html((carousel.relative(carousel.current()) + 1) + ' ' + '/' + ' ' +
					carousel.items().length);
			}).owlCarousel({
				mouseDrag: false,
				touchDrag: true,
				items: 1,
				dots: false,
				loop: true,
				autoplay: true,
				autoplayTimeout:2000,
				smartSpeed: 600,
				margin: 0,
				onInitialize: startBg,
			});

			$('.home__btn--prev').on('click', function () {
				$('.home__slider').trigger('prev.owl.carousel');
			});
			$('.home__btn--next').on('click', function () {
				$('.home__slider').trigger('next.owl.carousel');
			});

			/*==============================
			Products slider
			==============================*/
			$('.product-slider').owlCarousel({
				mouseDrag: true,
				touchDrag: true,
				dots: false,
				loop: true,
				autoplay: true,
				smartSpeed: 600,
				margin: 20,
				autoHeight: true,
				responsive: {
					0: {
						items: 2,
					},
					768: {
						items: 3,
					},
					992: {
						items: 3,
						margin: 30,
					},
					1200: {
						items: 4,
						margin: 30,
					},
				}
			});

			$('.section__btn--prev').on('click', function () {
				$('.product-slider').trigger('prev.owl.carousel');
			});
			$('.section__btn--next').on('click', function () {
				$('.product-slider').trigger('next.owl.carousel');
			});

			/*==============================
			Product slider
			==============================*/
			$('.product-head__slider').on('initialized.owl.carousel changed.owl.carousel', function (e) {
				if (!e.namespace) return;
				var carousel = e.relatedTarget;
				$('.product-head__counter').html((carousel.relative(carousel.current()) + 1) + ' ' + '/' +
					' ' +
					carousel.items().length);
			}).owlCarousel({
				mouseDrag: true,
				touchDrag: true,
				items: 1,
				dots: false,
				loop: true,
				autoplay: true,
				smartSpeed: 600,
				margin: 0,
			});

			$('.product-head__nav--prev').on('click', function () {
				$('.product-head__slider').trigger('prev.owl.carousel');
			});
			$('.product-head__nav--next').on('click', function () {
				$('.product-head__slider').trigger('next.owl.carousel');
			});

			/*==============================
			Bg
			==============================*/
			$('.catalog-head, .product-head').each(function () {
				if ($(this).attr("data-bg")) {
					$(this).css({
						'background': 'url(' + $(this).data('bg') + ')',
						'background-position': 'center center',
						'background-repeat': 'no-repeat',
						'background-size': 'cover'
					});
				}
			});

			/*==============================
			About
			==============================*/
			$('.about__slider').owlCarousel({
				mouseDrag: true,
				touchDrag: true,
				dots: true,
				loop: true,
				autoplay: true,
				autoplayTimeout: 7000,
				smartSpeed: 600,
				margin: 0,
				items: 1,
				onInitialize: startBg,
			});

			/*==============================
			Sliders
			==============================*/
			function startBg() {
				$('.home__slide, .about__slide').each(function () {
					if ($(this).attr("data-bg")) {
						$(this).css({
							'background': 'url(' + $(this).data('bg') + ')',
							'background-position': 'center center',
							'background-repeat': 'no-repeat',
							'background-size': 'cover'
						});
					}
				});
			}

			/*==============================
			Modal
			==============================*/
			$('.menu__location').magnificPopup({
				fixedContentPos: true,
				fixedBgPos: true,
				overflowY: 'auto',
				type: 'inline',
				preloader: false,
				focus: '#username',
				modal: false,
				removalDelay: 300,
				mainClass: 'my-mfp-zoom-in',
			});

			$('.about__video a, .land__video a').magnificPopup({
				disableOn: 700,
				type: 'iframe',
				mainClass: 'mfp-fade',
				removalDelay: 300,
				preloader: false,
				fixedContentPos: false
			});

			/*==============================
			Scroll bar
			==============================*/
			$('.modal__cities').mCustomScrollbar({
				axis: "y",
				scrollbarPosition: "outside",
				theme: "custom-bar"
			});

			$('.account__wrap').mCustomScrollbar({
				axis: "x",
				scrollbarPosition: "outside",
				theme: "custom-bar2",
				mouseWheel: {
					axis: "x"
				},
			});

			$('.menu__submenu nav').mCustomScrollbar({
				axis: "y",
				scrollbarPosition: "outside",
				theme: "custom-bar3"
			});

		});
	</script>

</body>

<script>
	
	$.ajax({
		
				type:'get',
				url:'http://127.0.0.1:4100/',
				dataType:'json',
				success:function(res){
					var html = '';
					$.each(res.data, function(index, item){
						html +=`
						<article class="product" style="float:left;width:25%;">
							<a href="product.html" class="product__link"></a>
							<div class="product__img">
								<img src="${item.goods_image}" alt="">
							</div>
							<a href="javascript:;" class="product__add product__add1" id="${item.goods_id}"><svg  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px"><path fill-rule="evenodd" d="M15.000,8.000 L8.000,8.000 L8.000,15.000 L7.000,15.000 L7.000,8.000 L-0.000,8.000 L-0.000,7.000 L7.000,7.000 L7.000,-0.000 L8.000,-0.000 L8.000,7.000 L15.000,7.000 L15.000,8.000 Z"/></svg></a>
							<footer class="product__footer">
								<h3 class="product__title" title="${item.goods_title}">${item.goods_name}</h3>
								<span class="product__price product__price--new">${item.goods_price}</span>
							</footer>
						</article>
						`;
					})
					$(".addgoodslist").html(html);
				},
				error(err){
					console.log(err);
				}
			})
			$(".addgoodslist").on('click','.product__add1',function(){
				var goodsId = $(this).attr("id");
				// alert(goodsId);
				location.href=`./detail.html?${goodsId}`;
			})

</script>
</html>
